<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <title></title>
  <script src="../js/ajax.js" type="text/javascript" charset="utf-8"></script>

</head>

<body>

</body>
<script type="text/javascript">
  // 同源策略
  // 同源策略（Same origin policy）是一种约定,它是浏览器最核心也最基本的安全功能,由客户端访问某一个服务器的文件时，如果发起请求的这个来源与进行响应的目标的源不一致，目标源出于安全的角度，将拒绝这次访问。

  // 注意:请求别人服务器下的接口  需要用对方服务器下的绝对路径


  // 跨域方法之 JSONP
  // 原理: 引入资源(img css js)默认不受同源策略的限制

  // 依然需要前后端配合
  // 前端: 声明函数,决定拿到数据之后要执行的内容
  // 后端: 返回函数的调用  => 将将响应的数据以 实际参数的形式 传入的函数中

  // 声明函数  + 函数调用  => 执行既定的函数


  function fn(data) {
    console.log(data);
  }

</script>
<script src="http://192.168.59.126/2108_php/jsonp/1.js" type="text/javascript" charset="utf-8"></script>
<!-- fn([1,2,3]) -->
<script src="http://192.168.59.126/2108_php/jsonp/2.js" type="text/javascript" charset="utf-8"></script>

</html>